const a = function (
  { data = {} },
  _,
  { component: { Icon }, h, xe: { get, commafy } }
) {
  const info = get(data, "items.0", false);
  if (!info) return [];
  console.log("info: ", info);
  return h("div", { class: "w-full flex-1 flex flex-row items-center" }, [
    h("div", { class: "w-full flex flex-row mr-2" }, [
      h(Icon, {
        icon: "bi:receipt",
        class: "flex-0 bg-white justify-center",
        style: "width: 40%; font-size: 50px; color: #7e82fc",
      }),
      h(
        "div",
        {
          class:
            "flex-1 flex flex-col justify-around items-center bg-white py-4",
        },
        [
          h("span", "项目数"),
          h(
            "span",
            { class: "font-size-8 mb-2", style: "color: #7e82fc;" },
            info.cout || 0
          ),
        ]
      ),
    ]),
    h("div", { class: "w-full flex flex-row mx-2" }, [
      h(Icon, {
        icon: "bi:calculator",
        class: "flex-0 bg-white justify-center",
        style: "width: 40%; font-size: 50px; color: #3baaee",
      }),
      h(
        "div",
        {
          class:
            "w-full flex flex-col justify-around items-center bg-white py-4",
        },
        [
          h("span", "预算数(万)"),
          h(
            "span",
            { class: "font-size-8 mb-2", style: "color: #3baaee;" },
            commafy((info.ys || 0) / 10000, { digits: 2 })
          ),
        ]
      ),
    ]),
    h("div", { class: "w-full flex flex-row mx-2" }, [
      h(Icon, {
        icon: "material-symbols:paid-outline",
        class: "flex-0 bg-white justify-center",
        style: "width: 40%; font-size: 50px; color: #7e82fc;",
      }),
      h(
        "div",
        {
          class:
            "w-full flex flex-col justify-around items-center bg-white py-4",
        },
        [
          h("span", "支出数(万)"),
          h(
            "span",
            { class: "font-size-8 mb-2", style: "color: #7e82fc;" },
            commafy((info.zc || 0) / 10000, { digits: 2 })
          ),
        ]
      ),
    ]),
    h("div", { class: "w-full flex flex-row ml-2" }, [
      h(Icon, {
        icon: "material-symbols:finance-mode",
        class: "flex-0 bg-white justify-center",
        style: "width: 40%; font-size: 50px; color: #f8a670;",
      }),
      h(
        "div",
        {
          class:
            "w-full flex flex-col justify-around items-center bg-white py-4",
        },
        [
          h("span", "执行率"),
          h(
            "span",
            { class: "font-size-8 mb-2", style: "color: #f8a670;" },
            commafy(info.zxl * 100 || 0, { digits: 1 }) + "%"
          ),
        ]
      ),
    ]),
  ]);
};